<template>
    <view>
        <byt-dialogue :config="agentConfig" :agentId="agentId" :agentName="agentName"></byt-dialogue>
    </view>
</template>

<script>
// import { BytDialogue } from '../components';
import BytDialogue from '../components/agent-dialogue/byt-dialogue/byt-dialogue.vue';
export default {
    component: {
        BytDialogue
    },
    data() {
        return {
            agentType: '',
            agentId: '',
            agentName: ''
        };
    },
    onLoad(option) {
        this.agentType = option.agentType;
        this.agentId = option.agentId;
        // 解决小程序query中文乱码
        this.agentName = decodeURIComponent(option.agentName);
        console.log('当前生成的内容是：' + this.agentType + ',' + this.agentId + ',' + this.agentName);
    },
    computed: {
        // ...mapGetters({
        // 	userInfo: 'getUserInfo',
        // }),
        // 配置项
        agentConfig: function () {
            return {
                // 主体内容
                main: {
                    // 背景色
                    // (1.数字类型， 1-4
                    background: 1,
                    // (2.对象类型 { type: 'image' | 'linear' | 'coLor' }
                    // background: {
                    // 	type: 'image',
                    // 	url: "https://img.yummall.cn/baiyetong/byt-uni-ui/role_icon_1.svg", // 1-4
                    // },
                    // background: {
                    // 	type: 'linear',
                    // 	url: "-webkit-linear-gradient(top, #ffffff, #f3f4f8 120rpx)", // 1-4
                    // },
                    // background: {
                    // 	type: 'color',
                    // 	url: "rgb(217 224 255)", // 1-4
                    // },
                    // 背景角色
                    role: 1 // 1-4
                },
                // 头部启动栏
                startup: {
                    // 我是红商AI助手。您可以输入任何想要创作图像的主题，我们将为您创作。
                    tip: '我是红商AI助手。您有任何关于红商集团的问题，我可以随时帮您解答。',
                    avatar: 'https://img.yummall.cn/baiyetong/byt-uni-ui/role_icon_2.svg' // 1,2
                },
                // 猜你喜欢
                guess: true,
                // 音频识别
                audio: true,
                // 基础消息配置
                message: {
                    // 等待状态提示语
                    answerWait: 'AI助手思考中',
                    // 问候语
                    greeting: '您好！有什么可以帮助您的？'
                },
                // 支持的消息类型
                typeWhiteList: ['text', 'activity', 'coupon', 'goods', 'chart', 'tables', 'action', 'image'],
                // 消息角色配置
                roles: {
                    // AI助手消息配置
                    ai: {
                        // 有名称就显示，没有就不显示
                        name: 'AI助手',
                        // 头像
                        avatar: 'https://img.yummall.cn/baiyetong/byt-uni-ui/role_icon_2.svg', // 1,2
                        // 位置
                        placement: 'start'
                    },
                    // 用户消息配置
                    user: {
                        name: '用户名称1',
                        avatar: 'https://img.yummall.cn/baiyetong/byt-uni-ui/role_icon_1.svg',
                        placement: 'end'
                    }
                },
                // 用户信息
                userInfo: {
                    // userId: this.userInfo.userId,
                    userId: '1670672134393978882'
                }
            };
        }
    }
};
</script>

<style lang="scss" scoped></style>
